div.contextmenu, div.contextmenu > ul.icons > li > ul, div.tooltip, a.dragHelper > span.drag, a.dragHelper > span.add, section#sidebar > header > div.searchBox, section#sidebar > header.searchVisible:not(.selectionMode) > a.search, section#sidebar > a.lockPinned, section#sidebar > div.scrollBox > ul a > span.drag, section#sidebar > div.scrollBox > ul a > span.add, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a > span.add, section#sidebar.loading > div.scrollBox, section#sidebar.loading > div.filter, div#infoBox, div#infoBox > a::before, div#reloadInfo.hidden {
  opacity: 0;
  pointer-events: none; }

div.contextmenu.visible, div.contextmenu > ul.icons > li > ul.visible, a.dragHelper:hover > span.drag, a.dragHelper:hover > span.add, section#sidebar > header.searchVisible:not(.selectionMode) > div.searchBox, section#sidebar > a.lockPinned.active, section#sidebar > div.scrollBox > ul a:hover > span.drag, section#sidebar > div.scrollBox > ul a:hover > span.add, section#sidebar > div.scrollBox > div.pinned > ul a:hover > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a:hover > span.add, div#infoBox.visible {
  opacity: 1;
  pointer-events: auto; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 100.53096; }
  50% {
    stroke-dashoffset: 25.13274;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100.53096;
    transform: rotate(450deg); } }

svg.loading {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  animation: rotator 1.5s linear infinite; }
  svg.loading > circle {
    stroke-dasharray: 100.53096;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: "%colorScheme";
    animation: dash 1.5s ease-in-out infinite; }

body.dark svg.loading > circle {
  stroke: "%textColor"; }

body.highContrast:not(.dark) svg.loading > circle {
  stroke: "%textColor"; }

.scrollBox {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  background-color: #ccc;
  -webkit-background-clip: text;
  transition: background-color 0.3s; }
  .scrollBox::-webkit-scrollbar {
    width: "%scrollBarWidth";
    background: transparent; }
  .scrollBox::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: inherit; }
  .scrollBox::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 20px; }
  .scrollBox.hideScrollbar {
    background-color: transparent !important; }

body.dark .scrollBox {
  background-color: #999; }

div.contextmenu {
  position: absolute;
  top: 0;
  min-width: 240px;
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  transform: translate3d(0, -20px, 0);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 4; }
  div.contextmenu[data-type='list'], div.contextmenu[data-type='separator'] {
    left: -99999px;
    margin: 0 0 0 10px;
    min-width: 270px; }
  div.contextmenu[data-type='menu'] {
    right: -93px;
    margin-top: -2px; }
  div.contextmenu[data-type='sort'] {
    right: -57px;
    margin-top: -2px; }
  div.contextmenu.visible {
    transform: translate3d(0, 0, 0); }
    div.contextmenu.visible.top {
      transform: translate3d(0, -40px, 0); }
  div.contextmenu > ul.icons {
    background: #f4f4f4;
    padding: 3px 2px 5px 2px; }
    div.contextmenu > ul.icons > li {
      position: relative;
      display: inline-block; }
      div.contextmenu > ul.icons > li.right {
        float: right; }
      div.contextmenu > ul.icons > li > a {
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 3px;
        transition: background-color 0.3s; }
        div.contextmenu > ul.icons > li > a::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/20px;
          background-color: #ccc; }
        div.contextmenu > ul.icons > li > a.hover {
          background-color: #ededed; }
        div.contextmenu > ul.icons > li > a[data-name='delete']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg);
          -webkit-mask-size: 19px; }
        div.contextmenu > ul.icons > li > a[data-name='edit']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg); }
        div.contextmenu > ul.icons > li > a[data-name='infos']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg); }
        div.contextmenu > ul.icons > li > a[data-name='add']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg); }
        div.contextmenu > ul.icons > li > a[data-name='copyToClipboard']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-copy.svg);
          -webkit-mask-size: 18px; }
        div.contextmenu > ul.icons > li > a[data-name='pin']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-pin.svg);
          -webkit-mask-size: 15px; }
        div.contextmenu > ul.icons > li > a[data-name='unpin']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-unpin.svg);
          -webkit-mask-size: 14px; }
        div.contextmenu > ul.icons > li > a[data-name='showHidden']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-show.svg); }
        div.contextmenu > ul.icons > li > a[data-name='hide']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg); }
        div.contextmenu > ul.icons > li > a[data-name='settings']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg); }
        div.contextmenu > ul.icons > li > a[data-name='bookmarkManager']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-star.svg); }
        div.contextmenu > ul.icons > li > a[data-name='keyboardShortcuts']::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg);
          -webkit-mask-size: 22px; }
      div.contextmenu > ul.icons > li > ul {
        position: absolute;
        bottom: -30px;
        left: 0;
        transform: translate3d(calc(-50% + 19px), -7px, 0);
        text-align: center;
        white-space: nowrap;
        background: #fff;
        border-radius: 20px;
        padding: 2px 7px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        transition: opacity 0.3s, transform 0.3s; }
        div.contextmenu > ul.icons > li > ul.visible {
          transform: translate3d(calc(-50% + 19px), 0, 0); }
        div.contextmenu > ul.icons > li > ul::before {
          content: "";
          position: absolute;
          top: -14px;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          margin: auto;
          border: 7px solid transparent;
          border-bottom-color: #fff;
          pointer-events: none; }
        div.contextmenu > ul.icons > li > ul > li {
          display: inline-block; }
          div.contextmenu > ul.icons > li > ul > li > a {
            position: relative;
            display: block;
            width: 24px;
            height: 24px;
            cursor: pointer;
            border-radius: 50%;
            margin: 0 1px;
            transition: background-color 0.3s; }
            div.contextmenu > ul.icons > li > ul > li > a::before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -webkit-mask: no-repeat center/18px;
              -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/none.svg);
              background-color: #ccc; }
            div.contextmenu > ul.icons > li > ul > li > a[data-type='bookmark']::before {
              -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-bookmark.svg); }
            div.contextmenu > ul.icons > li > ul > li > a[data-type='dir']::before {
              -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg); }
            div.contextmenu > ul.icons > li > ul > li > a[data-type='separator']::before {
              -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-separator.svg); }
  div.contextmenu > ul.list > li {
    position: relative; }
    div.contextmenu > ul.list > li > div.checkbox {
      position: absolute;
      z-index: 2;
      top: 9px;
      left: 9px; }
      div.contextmenu > ul.list > li > div.checkbox + a {
        padding-left: 38px; }
        div.contextmenu > ul.list > li > div.checkbox + a::before {
          display: none; }
      div.contextmenu > ul.list > li > div.checkbox.hover + a {
        color: "%colorScheme"; }
    div.contextmenu > ul.list > li > a {
      position: relative;
      display: block;
      line-height: 39px;
      padding: 0 10px 0 38px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      cursor: pointer;
      transition: color 0.3s; }
      div.contextmenu > ul.list > li > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        background-color: #ccc; }
      div.contextmenu > ul.list > li > a > span {
        display: inline-block;
        margin: 0 0 0 3px;
        font-size: 80%;
        opacity: 0.8; }
      div.contextmenu > ul.list > li > a::before {
        transition: background-color 0.3s, opacity 0.3s;
        width: 39px;
        height: 39px; }
      div.contextmenu > ul.list > li > a.hover {
        color: "%colorScheme"; }
        div.contextmenu > ul.list > li > a.hover::before {
          background-color: "%colorScheme";
          opacity: 0.8; }
      div.contextmenu > ul.list > li > a[data-name='add']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
        -webkit-mask-size: 22px; }
      div.contextmenu > ul.list > li > a[data-name='reload']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg); }
      div.contextmenu > ul.list > li > a[data-name='closeAll']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg); }
      div.contextmenu > ul.list > li > a[data-name='newTab']::before, div.contextmenu > ul.list > li > a[data-name='openChildren']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-newTab.svg); }
      div.contextmenu > ul.list > li > a[data-name='select']::before, div.contextmenu > ul.list > li > a[data-name='deselect']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-select.svg);
        -webkit-mask-size: 24px; }
      div.contextmenu > ul.list > li > a[data-name='currentTab']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-currentTab.svg); }
      div.contextmenu > ul.list > li > a[data-name='newWindow']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-newWindow.svg); }
      div.contextmenu > ul.list > li > a[data-name='newIncognito']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-incognito.svg); }
      div.contextmenu > ul.list > li > a[data-name='delete']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg); }
      div.contextmenu > ul.list > li > a[data-name='edit']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg); }
      div.contextmenu > ul.list > li > a[data-name='checkBookmarks']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg); }
      div.contextmenu > ul.list > li > a[data-name='showInDir']::before {
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-showInDir.svg); }

section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'], section#sidebar[data-pos='right'] div.contextmenu[data-type='sort'] {
  right: 0; }

html[dir='rtl'] div.contextmenu[data-type='list'], html[dir='rtl'] div.contextmenu[data-type='separator'] {
  margin: 0 10px 0 0; }

html[dir='rtl'] div.contextmenu[data-type='menu'], html[dir='rtl'] div.contextmenu[data-type='sort'] {
  left: 0;
  right: unset; }

html[dir='rtl'] div.contextmenu > ul.icons > li.right {
  float: left; }

html[dir='rtl'] div.contextmenu > ul.list > li > div.checkbox {
  left: unset;
  right: 9px; }
  html[dir='rtl'] div.contextmenu > ul.list > li > div.checkbox + a {
    padding-left: 0;
    padding-right: 38px; }

html[dir='rtl'] div.contextmenu > ul.list > li > a {
  padding: 0 38px 0 10px; }
  html[dir='rtl'] div.contextmenu > ul.list > li > a > span {
    margin: 0 3px 0 0; }
  html[dir='rtl'] div.contextmenu > ul.list > li > a::before {
    transform: scaleX(-1);
    left: unset;
    right: 0; }
  html[dir='rtl'] div.contextmenu > ul.list > li > a[data-name='reload']::before, html[dir='rtl'] div.contextmenu > ul.list > li > a[data-name='select']::before {
    transform: scaleX(1); }

html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='menu'] {
  right: unset;
  left: -93px; }

html[dir='rtl'] section#sidebar[data-pos='right'] div.contextmenu[data-type='sort'] {
  right: unset;
  left: -57px; }

body.highContrast:not(.dark) div.contextmenu > ul.list > li > a {
  transition: opacity 0.3s; }
  body.highContrast:not(.dark) div.contextmenu > ul.list > li > a.hover {
    color: "%textColor";
    opacity: 1; }
    body.highContrast:not(.dark) div.contextmenu > ul.list > li > a.hover::before {
      background-color: "%textColor";
      opacity: 0.8; }

body.dark div.contextmenu {
  background: #4d4d4d;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }
  body.dark div.contextmenu > ul.list > li > a {
    transition: opacity 0.3s;
    opacity: 0.7; }
    body.dark div.contextmenu > ul.list > li > a::before {
      background-color: #999; }
    body.dark div.contextmenu > ul.list > li > a.hover {
      color: "%textColor";
      opacity: 1; }
      body.dark div.contextmenu > ul.list > li > a.hover::before {
        background-color: "%textColor";
        opacity: 0.8; }
  body.dark div.contextmenu > ul.icons {
    background: #555555; }
    body.dark div.contextmenu > ul.icons > li > a::before {
      background-color: #999; }
    body.dark div.contextmenu > ul.icons > li > a.hover {
      background-color: #616161; }
    body.dark div.contextmenu > ul.icons > li > ul {
      background: #3d3d3d;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); }
      body.dark div.contextmenu > ul.icons > li > ul::before {
        border-bottom-color: #3d3d3d; }
      body.dark div.contextmenu > ul.icons > li > ul > li > a::before {
        background-color: #999; }

div.tooltip {
  position: absolute;
  background: #444;
  border-radius: 2px;
  color: #fff;
  padding: 2px 4px 3px;
  max-width: 300px;
  font-size: "%tooltipFontSize";
  z-index: 2;
  transform: translate3d(-5px, 0, 0);
  transition: opacity 0.3s, transform 0.3s; }
  div.tooltip.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) !important; }
  div.tooltip > h3[data-num]::after {
    content: " " attr(data-num); }
  div.tooltip::before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    left: -12px;
    border: 6px solid transparent;
    border-right-color: #444; }
  div.tooltip > h3 {
    font-weight: "%fontWeightNormal"; }
  div.tooltip > span {
    opacity: 0.7;
    word-wrap: break-word; }
  div.tooltip > p {
    margin-top: 5px;
    padding-top: 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.7); }
  div.tooltip > ul.breadcrumb {
    margin-top: 4px;
    padding: 2px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7); }
    div.tooltip > ul.breadcrumb > li {
      display: inline-block; }
      div.tooltip > ul.breadcrumb > li:not(:last-child)::after {
        content: ">";
        margin: 0 4px;
        opacity: 0.7; }

section#sidebar[data-pos='right'] ~ div.tooltip {
  transform: translate3d(5px, 0, 0); }
  section#sidebar[data-pos='right'] ~ div.tooltip::before {
    left: auto;
    right: -12px;
    border-right-color: transparent;
    border-left-color: #444; }

body.dark div.tooltip {
  color: #eee;
  background: #222; }
  body.dark div.tooltip::before {
    border-right-color: #222; }

body.dark section#sidebar[data-pos='right'] ~ div.tooltip::before {
  border-left-color: #222; }

div.checkbox {
  position: relative;
  cursor: pointer; }
  div.checkbox > input[type='checkbox'] {
    display: none; }
  div.checkbox[data-style="default"] {
    width: 20px;
    height: 20px; }
    div.checkbox[data-style="default"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/22px;
      background-color: "%textColor"; }
    div.checkbox[data-style="default"]::before {
      transition: -webkit-mask 0.3s, background-color 0.3s; }
    div.checkbox[data-style="default"][data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg); }
    div.checkbox[data-style="default"][data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg); }
    div.checkbox[data-style="default"]::after {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 1px);
      width: 2px;
      height: 2px;
      border-radius: 50%;
      pointer-events: none;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
      transition: background 0.2s, box-shadow 0.2s, opacity 0.5s;
      opacity: 0.2; }
    div.checkbox[data-style="default"].focus::after, div.checkbox[data-style="default"].clicked::after {
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5); }
    div.checkbox[data-style="default"].clicked::after {
      opacity: 0; }
    div.checkbox[data-style="default"].active::before {
      background-color: "%colorScheme"; }
    div.checkbox[data-style="default"].active[data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg); }
    div.checkbox[data-style="default"].active[data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg); }
    div.checkbox[data-style="default"].active::after {
      box-shadow: 0 0 0 0 "%colorScheme"; }
    div.checkbox[data-style="default"].active.focus::after, div.checkbox[data-style="default"].active.clicked::after {
      background: "%colorScheme";
      box-shadow: 0 0 0 20px "%colorScheme"; }
  div.checkbox[data-style="switch"] {
    width: 32px;
    height: 14px;
    transition: padding-left 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 14px;
      background: rgba(0, 0, 0, 0.2);
      transition: background 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::after {
      content: "";
      position: relative;
      display: block;
      top: -3px;
      left: -3px;
      width: 20px;
      height: 20px;
      background-color: #fff;
      transition: background-color 0.2s;
      box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
      border-radius: 50%; }
    div.checkbox[data-style="switch"].active {
      padding-left: 18px; }
      div.checkbox[data-style="switch"].active::before {
        opacity: 0.4; }
      div.checkbox[data-style="switch"].active::before, div.checkbox[data-style="switch"].active::after {
        background-color: "%colorScheme"; }

html[dir='rtl'] div.checkbox[data-style="switch"] {
  transition: padding-right 0.2s, opacity 0.2s; }
  html[dir='rtl'] div.checkbox[data-style="switch"]::after {
    left: unset;
    right: -3px;
    box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.4); }
  html[dir='rtl'] div.checkbox[data-style="switch"].active {
    padding-left: unset;
    padding-right: 18px; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before {
  background-color: "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after, body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after {
  background: "%textColor";
  box-shadow: 0 0 0 20px "%textColor"; }

body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before, body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after {
  background-color: "%textColor"; }

body.dark div.checkbox[data-style="default"]::after {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].focus::after, body.dark div.checkbox[data-style="default"].clicked::after {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].active::before {
  background-color: "%textColor"; }

body.dark div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 "%textColor"; }

body.dark div.checkbox[data-style="default"].active.focus::after, body.dark div.checkbox[data-style="default"].active.clicked::after {
  background: "%textColor";
  box-shadow: 0 0 0 20px "%textColor"; }

body.dark div.checkbox[data-style="switch"]::before {
  background: rgba(255, 255, 255, 0.15); }

body.dark div.checkbox[data-style="switch"]::after {
  background-color: #aaa; }

body.dark div.checkbox[data-style="switch"].active::before, body.dark div.checkbox[data-style="switch"].active::after {
  background-color: #fff; }

*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, textarea, select, button {
  font-size: 14px;
  font-family: "%fontFamily", sans-serif;
  color: "%textColor";
  font-weight: "%fontWeightNormal"; }

ul, menu {
  list-style: none; }

strong {
  font-weight: "%fontWeightBold"; }

a {
  color: "%textColor";
  text-decoration: none; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  body.noAnimations *, body.noAnimations *::before, body.noAnimations *::after {
    transition: none !important; }

body > textarea {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  z-index: -1; }

a.dragHelper {
  display: flex;
  align-items: center;
  font-size: "%bookmarksFontSize";
  line-height: "%bookmarksLineHeight";
  padding: 0 "%bookmarksHorizontalPadding";
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  position: absolute;
  background: #fff !important;
  padding-right: 46px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  cursor: grabbing;
  transition: none;
  z-index: 3; }
  a.dragHelper.hover:not(.separator) {
    background: "%hoverColor"; }
  a.dragHelper.dragHover {
    background: "%hoverColor"; }
  a.dragHelper.mark {
    background: "%colorScheme";
    color: #fff; }
  a.dragHelper.active {
    font-weight: "%fontWeightMedium"; }
  a.dragHelper.dir {
    font-weight: "%fontWeightBold"; }
  a.dragHelper.selected:not(.separator) {
    background: "%hoverColor"; }
  a.dragHelper.separator {
    height: "%bookmarksLineHeight";
    cursor: default; }
    a.dragHelper.separator > span.label {
      position: relative;
      width: 100%;
      height: 100%; }
      a.dragHelper.separator > span.label::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, 0.15); }
      a.dragHelper.separator > span.label[data-name]::before {
        content: attr(data-name);
        position: relative;
        background: #fff;
        margin: 0 calc(%bookmarksHorizontalPadding + %directoriesIconSize);
        box-shadow: 0 0 0 10px #fff;
        font-style: italic;
        z-index: 2; }
  a.dragHelper > span.removeMask {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #ddd;
    padding: 0 "%bookmarksHorizontalPadding";
    transform: translateX(100%);
    transition: transform 0.3s;
    z-index: 3; }
    a.dragHelper > span.removeMask > em {
      font-style: italic;
      font-size: 90%;
      opacity: 0.8; }
    a.dragHelper > span.removeMask > span {
      pointer-events: auto;
      cursor: pointer;
      float: right; }
  a.dragHelper.removed {
    pointer-events: none; }
    a.dragHelper.removed > span.removeMask {
      transform: translateX(0) !important; }
  a.dragHelper > span.copied {
    position: absolute;
    top: -20px;
    left: calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);
    background: #5eba7d;
    color: #fff;
    font-size: 80%;
    font-weight: "%fontWeightBold";
    line-height: normal;
    padding: 3px 5px;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 5px, 0);
    transition: opacity 0.3s, transform 0.3s; }
    a.dragHelper > span.copied::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
      width: 0;
      border: 5px solid transparent;
      border-top-color: #5eba7d; }
  a.dragHelper.copied {
    background: rgba(94, 186, 125, 0.2) !important; }
    a.dragHelper.copied > span.copied {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  a.dragHelper > img, a.dragHelper > span.icon {
    position: relative;
    display: inline-block;
    width: "%bookmarksIconSize";
    height: "%bookmarksIconSize";
    margin: 0 "%bookmarksHorizontalPadding" 0 0;
    pointer-events: none;
    flex-shrink: 0; }
  a.dragHelper > div.checkbox {
    margin: 0 "%bookmarksHorizontalPadding" 0 0;
    flex-shrink: 0;
    display: none; }
  a.dragHelper > img {
    visibility: hidden; }
    a.dragHelper > img[src] {
      visibility: visible; }
  a.dragHelper.dir > span.icon {
    width: "%directoriesIconSize";
    height: "%directoriesIconSize"; }
    a.dragHelper.dir > span.icon::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/"%directoriesIconSize";
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);
      background-color: "%bookmarksDirColor"; }
  a.dragHelper.dir.has-arrow {
    padding-left: 15px; }
    a.dragHelper.dir.has-arrow::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5px;
      width: 0;
      height: 0;
      margin: auto;
      border: 4px solid transparent;
      border-left-color: "%textColor";
      opacity: 0.6;
      transform-origin: 25% 50%;
      transition: transform 0.3s; }
    a.dragHelper.dir.has-arrow.opened:not(.animated)::before, a.dragHelper.dir.has-arrow.animated:not(.opened)::before {
      transform: rotateZ(90deg); }
  a.dragHelper.link > span.icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/"%bookmarksIconSize";
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);
    background-color: transparent; }
  a.dragHelper.link > span.icon[data-color='1']::before {
    background-color: #37bf99; }
  a.dragHelper.link > span.icon[data-color='2']::before {
    background-color: #d737d5; }
  a.dragHelper.link > span.icon[data-color='3']::before {
    background-color: #3e6bf2; }
  a.dragHelper.link > span.icon[data-color='4']::before {
    background-color: #f4572f; }
  a.dragHelper.link > span.icon[data-color='5']::before {
    background-color: #f74b58; }
  a.dragHelper.link > span.icon[data-color='6']::before {
    background-color: #f5a2bf; }
  a.dragHelper.link > span.icon[data-color='7']::before {
    background-color: #1a90ba; }
  a.dragHelper.link > span.icon[data-color='8']::before {
    background-color: #b4bd0e; }
  a.dragHelper.link > span.icon[data-color='9']::before {
    background-color: #fdde32; }
  a.dragHelper.link > span.icon[data-color='10']::before {
    background-color: #8ccbce; }
  a.dragHelper > span.coverImg {
    display: none; }
  a.dragHelper > span.label {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none; }
    a.dragHelper > span.label::after {
      content: "\200B"; }
    a.dragHelper > span.label[data-num]::after {
      content: " " attr(data-num); }
  a.dragHelper > span.drag, a.dragHelper > span.add {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: "%bookmarksLineHeight";
    height: "%bookmarksLineHeight";
    max-width: 24px;
    max-height: 22px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.05);
    transition: background-color 0.5s, opacity 0.5s; }
    a.dragHelper > span.drag::before, a.dragHelper > span.add::before {
      transition: inherit; }
    a.dragHelper > span.drag:hover, a.dragHelper > span.add:hover {
      background-color: rgba(0, 0, 0, 0.125); }
      a.dragHelper > span.drag:hover::before, a.dragHelper > span.add:hover::before {
        background-color: #888; }
  a.dragHelper > span.drag {
    display: none;
    right: 15px;
    cursor: grab; }
  a.dragHelper > span.add {
    right: 42px; }
  a.dragHelper > span.drag {
    display: block;
    transition: none;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: grabbing; }
    a.dragHelper > span.drag::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/18px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);
      background-color: #888; }
  a.dragHelper > span.add {
    display: none; }
  a.dragHelper > span.selected {
    position: absolute;
    bottom: -8px;
    left: -7px;
    background: "%colorScheme";
    color: "%foregroundColor";
    font-weight: "%fontWeightMedium";
    line-height: 100%;
    padding: 3px 5px;
    border-radius: 5px; }
  a.dragHelper.snap {
    transition: 0.2s;
    box-shadow: none; }

section#sidebar.covers .itemLi {
  padding-top: 104px;
  border: #eee solid 2px;
  margin: 6px; }

section#sidebar.covers .coverImg {
  width: 100%;
  height: 100px;
  background-color: #eee;
  position: absolute;
  bottom: 42px;
  left: 0;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block !important; }

section#sidebar {
  position: relative;
  width: "%sidebarWidth";
  background: #fff;
  box-shadow: 15px 0 35px rgba(0, 0, 0, 0.12);
  height: 100%;
  display: flex;
  float: left;
  speak: none;
  flex-direction: column;
  user-select: none;
  transition: background 0.3s;
  z-index: 2; }
  section#sidebar.permanent {
    box-shadow: none !important;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: rgba(0, 0, 0, 0.15); }
  section#sidebar[data-pos='right'] {
    float: right;
    box-shadow: -15px 0 35px rgba(0, 0, 0, 0.12); }
    section#sidebar[data-pos='right'].permanent {
      border-width: 0 0 0 1px; }
  section#sidebar .itemLi {
    display: inline-flex;
    width: 28%; }
  section#sidebar > header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    height: "%sidebarHeaderHeight";
    padding: 0 24px;
    background: "%colorScheme";
    transition: background 0.3s;
    box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    flex-shrink: 0;
    z-index: 3; }
    section#sidebar > header > h1 {
      color: "%foregroundColor";
      font-weight: "%fontWeightMedium";
      margin-right: auto;
      font-size: 100%;
      transition: transform 0.5s; }
      section#sidebar > header > h1.hidden {
        display: none; }
      section#sidebar > header > h1 > strong {
        font-weight: "%fontWeightNormal";
        font-size: 150%; }
      section#sidebar > header > h1 > span {
        opacity: 0.7;
        font-size: 90%;
        display: inline-block;
        line-height: normal;
        margin: 0 0 0 3px; }
        section#sidebar > header > h1 > span.hidden {
          display: none; }
    section#sidebar > header > a {
      position: relative;
      display: block;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.3s, transform 0.3s, opacity 0.5s; }
      section#sidebar > header > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/22px;
        background-color: "%foregroundColor"; }
      section#sidebar > header > a:hover, section#sidebar > header > a.active {
        background-color: rgba(255, 255, 255, 0.2); }
      section#sidebar > header > a.menu {
        margin-right: -2px; }
      section#sidebar > header > a.cancel {
        font-size: 0;
        color: transparent; }
        section#sidebar > header > a.cancel:not([data-type='compact']) {
          position: relative;
          display: inline-block;
          width: auto;
          height: auto;
          padding: 4px 6px 3px;
          margin: 0 5px 0 20px;
          font-size: 90%;
          color: "%foregroundColor";
          font-weight: "%fontWeightBold";
          text-transform: uppercase;
          border-radius: 3px;
          cursor: pointer; }
          section#sidebar > header > a.cancel:not([data-type='compact'])::before {
            display: none; }
          section#sidebar > header > a.cancel:not([data-type='compact'])::after {
            content: "";
            position: absolute;
            top: 0;
            left: -10px;
            height: 100%;
            width: 2px;
            background: "%foregroundColor";
            opacity: 0.4; }
    section#sidebar > header > div.searchBox {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 12px;
      width: calc(100% - 100px);
      height: 30px;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 30px;
      transform: translate3d(20px, 0, 0);
      transition: transform 0.3s, opacity 0.3s; }
      section#sidebar > header > div.searchBox > input[type='text'] {
        vertical-align: top;
        display: inline-block;
        height: 100%;
        width: calc(100% - 30px);
        outline: none;
        border: 0;
        background: transparent;
        color: "%foregroundColor";
        padding: 0 5px 0 12px; }
        section#sidebar > header > div.searchBox > input[type='text']::-webkit-input-placeholder {
          color: "%foregroundColor";
          opacity: 0.7; }
      section#sidebar > header > div.searchBox > a.searchClose {
        position: relative;
        vertical-align: top;
        display: inline-block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s; }
        section#sidebar > header > div.searchBox > a.searchClose:hover {
          background-color: rgba(255, 255, 255, 0.2); }
    section#sidebar > header.searchVisible:not(.selectionMode) > h1 {
      transform: translate3d(-200%, 0, 0);
      pointer-events: none;
      transition: transform 0.5s; }
    section#sidebar > header.searchVisible:not(.selectionMode) > div.searchBox {
      transform: translate3d(0, 0, 0);
      transition: transform 0.5s 0.1s, opacity 0.5s 0.1s; }
  section#sidebar > span.drag {
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    cursor: ew-resize;
    transition: background 0.5s; }
    section#sidebar > span.drag:hover, section#sidebar > span.drag.isDragged {
      background: rgba(255, 255, 255, 0.5); }
  section#sidebar > a.lockPinned {
    position: absolute;
    top: "%sidebarHeaderHeight";
    right: -22px;
    display: block;
    margin-top: 9px;
    width: 18px;
    height: 45px;
    background: #fff;
    border-radius: 10px;
    transition: transform 0.5s, opacity 0.5s;
    transform: translate3d(-7px, 0, 0);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    section#sidebar > a.lockPinned > span::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/16px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-lock.svg);
      background-color: "%textColor"; }
    section#sidebar > a.lockPinned::before, section#sidebar > a.lockPinned::after {
      content: "";
      position: absolute;
      left: 5px;
      border: 4px solid transparent;
      opacity: 0.5; }
    section#sidebar > a.lockPinned::before {
      top: 0;
      border-bottom-color: "%textColor"; }
    section#sidebar > a.lockPinned::after {
      bottom: 0;
      border-top-color: "%textColor"; }
    section#sidebar > a.lockPinned.active {
      transform: translate3d(0, 0, 0) !important; }
    section#sidebar > a.lockPinned.fixed > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-unlock.svg); }
  section#sidebar[data-pos='right'] > span.drag {
    right: unset;
    left: -10px; }
  section#sidebar[data-pos='right'] > a.lockPinned {
    right: unset;
    left: -22px;
    transform: translate3d(7px, 0, 0); }
  section#sidebar > div.filter {
    position: absolute;
    display: flex;
    align-content: flex-start;
    top: "%sidebarHeaderHeight";
    left: 11px;
    width: calc(100% - 11px - %scrollBarWidth);
    background: #f5f5f5;
    padding: 10px "%bookmarksHorizontalPadding" 5px;
    border-radius: 0 0 5px 5px;
    transition: transform 0.3s, box-shadow 0.3s;
    z-index: 2; }
    section#sidebar > div.filter.hidden {
      display: none; }
    section#sidebar > div.filter > a[data-direction] {
      position: relative;
      display: inline-block;
      cursor: pointer;
      margin: 0 10px 5px 0;
      padding-left: 18px; }
      section#sidebar > div.filter > a[data-direction]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/24px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-arrow-up.svg);
        background-color: "%textColor"; }
      section#sidebar > div.filter > a[data-direction]::before {
        width: 14px;
        height: 14px;
        margin: 1px 0 0 0;
        transition: transform 0.5s; }
      section#sidebar > div.filter > a[data-direction][data-direction="DESC"]::before {
        transform: rotateZ(180deg); }
    section#sidebar > div.filter > ul {
      float: right;
      margin-bottom: 5px; }
      section#sidebar > div.filter > ul > li {
        position: relative; }
        section#sidebar > div.filter > ul > li + li {
          margin-top: 5px; }
        section#sidebar > div.filter > ul > li > div.checkbox {
          position: absolute;
          z-index: 2;
          width: 16px;
          height: 16px;
          top: 0;
          left: 0; }
          section#sidebar > div.filter > ul > li > div.checkbox::before {
            -webkit-mask-size: 18px; }
          section#sidebar > div.filter > ul > li > div.checkbox + a {
            padding-left: 22px;
            cursor: pointer; }
            section#sidebar > div.filter > ul > li > div.checkbox + a::before {
              display: none; }
    section#sidebar > div.filter::after {
      content: "";
      display: block;
      clear: both; }
  section#sidebar > div.scrollBox {
    display: none; }
    section#sidebar > div.scrollBox.active {
      display: block; }
    section#sidebar > div.scrollBox > p {
      font-size: 120%;
      padding: 30px 20px;
      font-style: italic;
      max-width: 350px;
      margin: 0 auto; }
    section#sidebar > div.scrollBox.scrolled ~ div.filter {
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
    section#sidebar > div.scrollBox.scrolled:not([data-direction='up']) ~ div.filter {
      transform: translate3d(0, -100%, 0);
      box-shadow: none; }
    section#sidebar > div.scrollBox > ul, section#sidebar > div.scrollBox > div.pinned > ul {
      position: relative;
      margin: 9px 0;
      z-index: 1; }
      section#sidebar > div.scrollBox > ul a, section#sidebar > div.scrollBox > div.pinned > ul a {
        display: flex;
        align-items: center;
        font-size: "%bookmarksFontSize";
        line-height: "%bookmarksLineHeight";
        padding: 0 "%bookmarksHorizontalPadding";
        white-space: nowrap;
        cursor: pointer;
        transition: background 0.3s, color 0.3s;
        position: relative;
        width: 100%; }
        section#sidebar > div.scrollBox > ul a.hover:not(.separator), section#sidebar > div.scrollBox > div.pinned > ul a.hover:not(.separator) {
          background: "%hoverColor"; }
        section#sidebar > div.scrollBox > ul a.dragHover, section#sidebar > div.scrollBox > div.pinned > ul a.dragHover {
          background: "%hoverColor"; }
        section#sidebar > div.scrollBox > ul a.mark, section#sidebar > div.scrollBox > div.pinned > ul a.mark {
          background: "%colorScheme";
          color: #fff; }
        section#sidebar > div.scrollBox > ul a.active, section#sidebar > div.scrollBox > div.pinned > ul a.active {
          font-weight: "%fontWeightMedium"; }
        section#sidebar > div.scrollBox > ul a.dir, section#sidebar > div.scrollBox > div.pinned > ul a.dir {
          font-weight: "%fontWeightBold"; }
        section#sidebar > div.scrollBox > ul a.selected:not(.separator), section#sidebar > div.scrollBox > div.pinned > ul a.selected:not(.separator) {
          background: "%hoverColor"; }
        section#sidebar > div.scrollBox > ul a.separator, section#sidebar > div.scrollBox > div.pinned > ul a.separator {
          height: "%bookmarksLineHeight";
          cursor: default; }
          section#sidebar > div.scrollBox > ul a.separator > span.label, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label {
            position: relative;
            width: 100%;
            height: 100%; }
            section#sidebar > div.scrollBox > ul a.separator > span.label::after, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label::after {
              content: "";
              position: absolute;
              top: 50%;
              left: 0;
              width: 100%;
              height: 1px;
              background: rgba(0, 0, 0, 0.15); }
            section#sidebar > div.scrollBox > ul a.separator > span.label[data-name]::before, section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label[data-name]::before {
              content: attr(data-name);
              position: relative;
              background: #fff;
              margin: 0 calc(%bookmarksHorizontalPadding + %directoriesIconSize);
              box-shadow: 0 0 0 10px #fff;
              font-style: italic;
              z-index: 2; }
        section#sidebar > div.scrollBox > ul a > span.removeMask, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask {
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          height: 100%;
          background: #ddd;
          padding: 0 "%bookmarksHorizontalPadding";
          transform: translateX(100%);
          transition: transform 0.3s;
          z-index: 3; }
          section#sidebar > div.scrollBox > ul a > span.removeMask > em, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > em {
            font-style: italic;
            font-size: 90%;
            opacity: 0.8; }
          section#sidebar > div.scrollBox > ul a > span.removeMask > span, section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > span {
            pointer-events: auto;
            cursor: pointer;
            float: right; }
        section#sidebar > div.scrollBox > ul a.removed, section#sidebar > div.scrollBox > div.pinned > ul a.removed {
          pointer-events: none; }
          section#sidebar > div.scrollBox > ul a.removed > span.removeMask, section#sidebar > div.scrollBox > div.pinned > ul a.removed > span.removeMask {
            transform: translateX(0) !important; }
        section#sidebar > div.scrollBox > ul a > span.copied, section#sidebar > div.scrollBox > div.pinned > ul a > span.copied {
          position: absolute;
          top: -20px;
          left: calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px);
          background: #5eba7d;
          color: #fff;
          font-size: 80%;
          font-weight: "%fontWeightBold";
          line-height: normal;
          padding: 3px 5px;
          pointer-events: none;
          opacity: 0;
          transform: translate3d(0, 5px, 0);
          transition: opacity 0.3s, transform 0.3s; }
          section#sidebar > div.scrollBox > ul a > span.copied::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.copied::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 0;
            right: 0;
            margin: auto;
            width: 0;
            border: 5px solid transparent;
            border-top-color: #5eba7d; }
        section#sidebar > div.scrollBox > ul a.copied, section#sidebar > div.scrollBox > div.pinned > ul a.copied {
          background: rgba(94, 186, 125, 0.2) !important; }
          section#sidebar > div.scrollBox > ul a.copied > span.copied, section#sidebar > div.scrollBox > div.pinned > ul a.copied > span.copied {
            opacity: 1;
            transform: translate3d(0, 0, 0); }
        section#sidebar > div.scrollBox > ul a > img, section#sidebar > div.scrollBox > ul a > span.icon, section#sidebar > div.scrollBox > div.pinned > ul a > img, section#sidebar > div.scrollBox > div.pinned > ul a > span.icon {
          position: relative;
          display: inline-block;
          width: "%bookmarksIconSize";
          height: "%bookmarksIconSize";
          margin: 0 "%bookmarksHorizontalPadding" 0 0;
          pointer-events: none;
          flex-shrink: 0; }
        section#sidebar > div.scrollBox > ul a > div.checkbox, section#sidebar > div.scrollBox > div.pinned > ul a > div.checkbox {
          margin: 0 "%bookmarksHorizontalPadding" 0 0;
          flex-shrink: 0;
          display: none; }
        section#sidebar > div.scrollBox > ul a > img, section#sidebar > div.scrollBox > div.pinned > ul a > img {
          visibility: hidden; }
          section#sidebar > div.scrollBox > ul a > img[src], section#sidebar > div.scrollBox > div.pinned > ul a > img[src] {
            visibility: visible; }
        section#sidebar > div.scrollBox > ul a.dir > span.icon, section#sidebar > div.scrollBox > div.pinned > ul a.dir > span.icon {
          width: "%directoriesIconSize";
          height: "%directoriesIconSize"; }
          section#sidebar > div.scrollBox > ul a.dir > span.icon::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir > span.icon::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-mask: no-repeat center/"%directoriesIconSize";
            -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-%bookmarksDirIcon.svg);
            background-color: "%bookmarksDirColor"; }
        section#sidebar > div.scrollBox > ul a.dir.has-arrow, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow {
          padding-left: 15px; }
          section#sidebar > div.scrollBox > ul a.dir.has-arrow::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            width: 0;
            height: 0;
            margin: auto;
            border: 4px solid transparent;
            border-left-color: "%textColor";
            opacity: 0.6;
            transform-origin: 25% 50%;
            transition: transform 0.3s; }
          section#sidebar > div.scrollBox > ul a.dir.has-arrow.opened:not(.animated)::before, section#sidebar > div.scrollBox > ul a.dir.has-arrow.animated:not(.opened)::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.opened:not(.animated)::before, section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.animated:not(.opened)::before {
            transform: rotateZ(90deg); }
        section#sidebar > div.scrollBox > ul a.link > span.icon::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/"%bookmarksIconSize";
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-demo.svg);
          background-color: transparent; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='1']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='1']::before {
          background-color: #37bf99; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='2']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='2']::before {
          background-color: #d737d5; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='3']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='3']::before {
          background-color: #3e6bf2; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='4']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='4']::before {
          background-color: #f4572f; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='5']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='5']::before {
          background-color: #f74b58; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='6']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='6']::before {
          background-color: #f5a2bf; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='7']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='7']::before {
          background-color: #1a90ba; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='8']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='8']::before {
          background-color: #b4bd0e; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='9']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='9']::before {
          background-color: #fdde32; }
        section#sidebar > div.scrollBox > ul a.link > span.icon[data-color='10']::before, section#sidebar > div.scrollBox > div.pinned > ul a.link > span.icon[data-color='10']::before {
          background-color: #8ccbce; }
        section#sidebar > div.scrollBox > ul a > span.coverImg, section#sidebar > div.scrollBox > div.pinned > ul a > span.coverImg {
          display: none; }
        section#sidebar > div.scrollBox > ul a > span.label, section#sidebar > div.scrollBox > div.pinned > ul a > span.label {
          position: relative;
          text-overflow: ellipsis;
          overflow: hidden;
          pointer-events: none; }
          section#sidebar > div.scrollBox > ul a > span.label::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.label::after {
            content: "\200B"; }
          section#sidebar > div.scrollBox > ul a > span.label[data-num]::after, section#sidebar > div.scrollBox > div.pinned > ul a > span.label[data-num]::after {
            content: " " attr(data-num); }
        section#sidebar > div.scrollBox > ul a > span.drag, section#sidebar > div.scrollBox > ul a > span.add, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a > span.add {
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          width: "%bookmarksLineHeight";
          height: "%bookmarksLineHeight";
          max-width: 24px;
          max-height: 22px;
          border-radius: 3px;
          background-color: rgba(0, 0, 0, 0.05);
          transition: background-color 0.5s, opacity 0.5s; }
          section#sidebar > div.scrollBox > ul a > span.drag::before, section#sidebar > div.scrollBox > ul a > span.add::before, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag::before, section#sidebar > div.scrollBox > div.pinned > ul a > span.add::before {
            transition: inherit; }
          section#sidebar > div.scrollBox > ul a > span.drag:hover, section#sidebar > div.scrollBox > ul a > span.add:hover, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover, section#sidebar > div.scrollBox > div.pinned > ul a > span.add:hover {
            background-color: rgba(0, 0, 0, 0.125); }
            section#sidebar > div.scrollBox > ul a > span.drag:hover::before, section#sidebar > div.scrollBox > ul a > span.add:hover::before, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover::before, section#sidebar > div.scrollBox > div.pinned > ul a > span.add:hover::before {
              background-color: #888; }
        section#sidebar > div.scrollBox > ul a > span.drag, section#sidebar > div.scrollBox > div.pinned > ul a > span.drag {
          display: none;
          right: 15px;
          cursor: grab; }
        section#sidebar > div.scrollBox > ul a > span.add, section#sidebar > div.scrollBox > div.pinned > ul a > span.add {
          right: 42px; }
        section#sidebar > div.scrollBox > ul a + ul, section#sidebar > div.scrollBox > div.pinned > ul a + ul {
          padding-left: "%bookmarksDirIndentation";
          height: 0;
          overflow: hidden; }
        section#sidebar > div.scrollBox > ul a.opened + ul, section#sidebar > div.scrollBox > div.pinned > ul a.opened + ul {
          height: auto; }
        section#sidebar > div.scrollBox > ul a.opened:not(.animated) + ul, section#sidebar > div.scrollBox > div.pinned > ul a.opened:not(.animated) + ul {
          overflow: visible; }
      section#sidebar > div.scrollBox > ul li.hidden > a, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a {
        opacity: 0.3;
        font-style: italic; }
        section#sidebar > div.scrollBox > ul li.hidden > a:hover, section#sidebar > div.scrollBox > ul li.hidden > a.active, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a:hover, section#sidebar > div.scrollBox > div.pinned > ul li.hidden > a.active {
          opacity: 0.5; }
      section#sidebar > div.scrollBox > ul li.isDragged, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged {
        border: 3px dashed rgba(0, 0, 0, 0.2);
        pointer-events: none;
        display: inline-flex; }
        section#sidebar > div.scrollBox > ul li.isDragged > a, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged > a {
          visibility: hidden;
          line-height: calc(%bookmarksLineHeight - 6px); }
          section#sidebar > div.scrollBox > ul li.isDragged > a > img, section#sidebar > div.scrollBox > div.pinned > ul li.isDragged > a > img {
            visibility: hidden; }
      section#sidebar > div.scrollBox > ul li.dragInitial, section#sidebar > div.scrollBox > div.pinned > ul li.dragInitial {
        display: none; }
      section#sidebar > div.scrollBox > ul li.dragHover, section#sidebar > div.scrollBox > div.pinned > ul li.dragHover {
        position: relative; }
        section#sidebar > div.scrollBox > ul li.dragHover > a, section#sidebar > div.scrollBox > div.pinned > ul li.dragHover > a {
          background-color: "%hoverColor"; }
        section#sidebar > div.scrollBox > ul li.dragHover::before, section#sidebar > div.scrollBox > div.pinned > ul li.dragHover::before {
          content: "";
          position: absolute;
          display: block;
          top: 3px;
          left: 3px;
          width: calc(100% - 6px);
          height: calc(100% - 6px);
          border: 3px dashed rgba(0, 0, 0, 0.2);
          z-index: 2; }
      section#sidebar > div.scrollBox > ul.hideRoot > li > a, section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > a {
        display: none; }
      section#sidebar > div.scrollBox > ul.hideRoot > li > ul, section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > ul {
        padding-left: 0; }
    section#sidebar > div.scrollBox > div.pinned {
      position: relative;
      background-color: #fff;
      margin: 0 0 9px 0;
      padding-top: 9px;
      z-index: 2; }
      section#sidebar > div.scrollBox > div.pinned.hidden {
        display: none; }
      section#sidebar > div.scrollBox > div.pinned.fixed {
        position: sticky;
        top: 0; }
      section#sidebar > div.scrollBox > div.pinned::after {
        content: "";
        display: block;
        height: 1px;
        margin: 7px "%bookmarksHorizontalPadding";
        background: rgba(0, 0, 0, 0.15); }
      section#sidebar > div.scrollBox > div.pinned > ul {
        margin: 0; }
    section#sidebar > div.scrollBox > a[data-name='add'] {
      position: relative;
      display: block;
      width: 32px;
      height: 32px;
      cursor: pointer;
      border-radius: 50%;
      margin: 0 calc(%bookmarksHorizontalPadding - 6px) 9px;
      padding: 0 !important;
      transition: background-color 0.3s; }
      section#sidebar > div.scrollBox > a[data-name='add']::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
        background-color: "%textColor"; }
      section#sidebar > div.scrollBox > a[data-name='add']:hover {
        background-color: "%hoverColor"; }
  section#sidebar.openedOnce > header > a.search::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg); }
  section#sidebar.openedOnce > header > a.removeSelected::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-delete.svg); }
  section#sidebar.openedOnce > header > a.openSelected::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-newtab.svg);
    -webkit-mask-size: 20px; }
  section#sidebar.openedOnce > header > a.cancel[data-type='compact']::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg); }
  section#sidebar.openedOnce > header > a.sort::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-sort.svg); }
  section#sidebar.openedOnce > header > a.menu::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-menu.svg); }
  section#sidebar.openedOnce > header > div.searchBox > a.searchClose::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/18px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);
    background-color: "%foregroundColor"; }
  section#sidebar.openedOnce > div.scrollBox a > span.drag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/18px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-reorder.svg);
    background-color: #aaa; }
  section#sidebar.openedOnce > div.scrollBox a > span.add::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/18px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
    background-color: #aaa; }
  section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox a:hover {
    padding-right: 46px; }
  section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox a > span.drag {
    display: block !important; }
  section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox > ul > li > a > span.drag {
    display: none !important; }
  section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox > ul > li > a > span.add {
    right: 15px; }
  section#sidebar:not([data-sort='custom']) > div#bookmarkBox > div.pinned a:hover {
    padding-right: "%bookmarksHorizontalPadding"; }
  section#sidebar:not([data-sort='custom']) > div#bookmarkBox > div.pinned a > span.drag {
    display: none !important; }
  section#sidebar.selectionMode > div.scrollBox > ul a > img, section#sidebar.selectionMode > div.scrollBox > ul a > span.icon {
    width: 12px;
    height: 12px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: calc(%bookmarksHorizontalPadding + 11px); }
  section#sidebar.selectionMode > div.scrollBox > ul a.dir > span.icon {
    display: none; }
  section#sidebar.selectionMode > div.scrollBox > ul a > div.checkbox {
    display: block; }
  section#sidebar.loading > svg.loading {
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px); }

div#infoBox {
  position: absolute;
  bottom: 12px;
  left: 15px;
  width: calc(100% - 30px);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  padding: 12px 18px 10px;
  border-radius: 50px;
  background: #fff;
  text-align: center;
  z-index: 4;
  transform: translate3d(0, 20px, 0);
  transition: transform 0.5s, opacity 0.5s; }
  div#infoBox.visible {
    transform: translate3d(0, 0, 0); }
  div#infoBox > p {
    margin: 0 0 10px 0;
    font-size: 110%;
    line-height: 140%; }
  div#infoBox > a {
    position: relative;
    display: inline-block;
    padding: 5px 10px 4px;
    margin: 0 3px;
    color: "%colorScheme";
    font-weight: "%fontWeightBold";
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer; }
    div#infoBox > a::before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 3px;
      background: "%colorScheme";
      transition: opacity 0.5s; }
    div#infoBox > a:hover::before {
      opacity: 0.15; }

div#reloadInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: #fff;
  overflow: auto;
  display: flex;
  transition: opacity 0.3s; }
  div#reloadInfo > div {
    position: relative;
    padding: 90px 20px 20px 20px;
    text-align: center;
    margin: auto;
    color: "%textColor"; }
    div#reloadInfo > div::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/64px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);
      background-color: "%textColor"; }
    div#reloadInfo > div::before {
      -webkit-mask-position-y: 0; }
    div#reloadInfo > div > h2 {
      font-size: 180%;
      font-weight: "%fontWeightNormal";
      margin-bottom: 40px; }
    div#reloadInfo > div > p {
      font-size: 110%;
      line-height: 150%;
      margin: 18px 0; }
      div#reloadInfo > div > p + p {
        margin-top: 0; }
      div#reloadInfo > div > p > strong {
        text-decoration: underline; }
    div#reloadInfo > div > label {
      display: block;
      text-align: center;
      font-size: 120%;
      margin-top: 35px; }
      div#reloadInfo > div > label > a {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        vertical-align: top;
        margin: -3px 0 0 5px;
        border-radius: 50%;
        cursor: pointer;
        transition: background 0.5s; }
        div#reloadInfo > div > label > a::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/18px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
          background-color: #aaa; }
        div#reloadInfo > div > label > a:hover {
          background: "%hoverColor"; }
    div#reloadInfo > div > div.checkbox {
      margin: 20px auto 0; }
    div#reloadInfo > div > a {
      position: relative;
      font-size: 120%;
      color: "%textColor";
      display: inline-block;
      margin: 40px 20px 0;
      font-weight: "%fontWeightBold";
      padding: 5px 10px;
      transition: background 0.5s;
      border-radius: 2px;
      cursor: pointer;
      z-index: 2; }
      div#reloadInfo > div > a:hover {
        background: "%hoverColor"; }

body.dragCancel * {
  cursor: no-drop !important; }

body.dragCancel section#sidebar > div.scrollBox ul li.isDragged {
  display: none; }

body.isDragged section#sidebar:not([data-sort='custom']) > div.scrollBox ul li.isDragged {
  display: none; }

html[dir='rtl'] a.dragHelper {
  padding-right: "%bookmarksHorizontalPadding";
  padding-left: 46px; }
  html[dir='rtl'] a.dragHelper.dir.has-arrow {
    padding-left: "%bookmarksHorizontalPadding";
    padding-right: 15px !important; }
    html[dir='rtl'] a.dragHelper.dir.has-arrow::before {
      right: 5px;
      left: unset;
      border-left-color: transparent;
      border-right-color: "%textColor";
      transform-origin: 75% 50%; }
    html[dir='rtl'] a.dragHelper.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] a.dragHelper.dir.has-arrow.animated:not(.opened)::before {
      transform: rotateZ(-90deg); }
  html[dir='rtl'] a.dragHelper > span.copied {
    left: unset;
    right: calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px); }
  html[dir='rtl'] a.dragHelper > img, html[dir='rtl'] a.dragHelper > span.icon {
    margin: 0 0 0 "%bookmarksHorizontalPadding"; }
  html[dir='rtl'] a.dragHelper > div.checkbox {
    margin: 0 0 0 "%bookmarksHorizontalPadding"; }
  html[dir='rtl'] a.dragHelper > span.removeMask {
    transform: translateX(-100%); }
    html[dir='rtl'] a.dragHelper > span.removeMask > span {
      float: left; }
  html[dir='rtl'] a.dragHelper > span.drag {
    right: unset;
    left: 15px; }
  html[dir='rtl'] a.dragHelper > span.add {
    right: unset;
    left: 42px; }
  html[dir='rtl'] a.dragHelper > span.selected {
    left: unset;
    right: -7px; }

html[dir='rtl'] section#sidebar > header > h1 {
  margin-left: auto;
  margin-right: unset; }

html[dir='rtl'] section#sidebar > header > a:not(.search)::before {
  transform: scaleX(-1); }

html[dir='rtl'] section#sidebar > header > a.cancel:not([data-type='compact']) {
  margin: 0 20px 0 5px; }
  html[dir='rtl'] section#sidebar > header > a.cancel:not([data-type='compact'])::after {
    left: unset;
    right: -10px; }

html[dir='rtl'] section#sidebar > header > div.searchBox {
  left: unset;
  right: 12px; }
  html[dir='rtl'] section#sidebar > header > div.searchBox > input[type='text'] {
    padding-right: 12px;
    padding-left: 5px; }

html[dir='rtl'] section#sidebar > header.searchVisible > h1 {
  transform: translate3d(200%, 0, 0); }

html[dir='rtl'] section#sidebar > a.lockPinned > span::before {
  transform: scaleX(-1); }

html[dir='rtl'] section#sidebar > div.filter {
  left: unset;
  right: 11px; }
  html[dir='rtl'] section#sidebar > div.filter > a[data-direction] {
    margin-left: 10px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 18px; }
    html[dir='rtl'] section#sidebar > div.filter > a[data-direction]::before {
      left: unset;
      right: 0; }
  html[dir='rtl'] section#sidebar > div.filter > ul > li > div.checkbox {
    left: unset;
    right: 0; }
    html[dir='rtl'] section#sidebar > div.filter > ul > li > div.checkbox + a {
      padding-left: unset;
      padding-right: 22px; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow {
  padding-left: "%bookmarksHorizontalPadding";
  padding-right: 15px !important; }
  html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow::before {
    right: 5px;
    left: unset;
    border-left-color: transparent;
    border-right-color: "%textColor";
    transform-origin: 75% 50%; }
  html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] section#sidebar > div.scrollBox > ul a.dir.has-arrow.animated:not(.opened)::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.opened:not(.animated)::before, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a.dir.has-arrow.animated:not(.opened)::before {
    transform: rotateZ(-90deg); }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.copied, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.copied {
  left: unset;
  right: calc(%bookmarksIconSize + %bookmarksHorizontalPadding + 10px); }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > img, html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.icon, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > img, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.icon {
  margin: 0 0 0 "%bookmarksHorizontalPadding"; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > div.checkbox, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > div.checkbox {
  margin: 0 0 0 "%bookmarksHorizontalPadding"; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.removeMask, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask {
  transform: translateX(-100%); }
  html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.removeMask > span, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask > span {
    float: left; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.drag, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.drag {
  right: unset;
  left: 15px; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a > span.add, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a > span.add {
  right: unset;
  left: 42px; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul a + ul, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul a + ul {
  padding-left: unset;
  padding-right: "%bookmarksDirIndentation"; }

html[dir='rtl'] section#sidebar > div.scrollBox > ul.hideRoot > li > ul, html[dir='rtl'] section#sidebar > div.scrollBox > div.pinned > ul.hideRoot > li > ul {
  padding-left: 0;
  padding-right: 0; }

html[dir='rtl'] section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox a:hover {
  padding-right: "%bookmarksHorizontalPadding";
  padding-left: 46px; }

html[dir='rtl'] section#sidebar:not([data-sort$='-flat']) > div#bookmarkBox > ul > li > a > span.add {
  right: unset;
  left: 15px; }

html[dir='rtl'] section#sidebar:not([data-sort='custom']) > div#bookmarkBox > div.pinned a:hover {
  padding-left: "%bookmarksHorizontalPadding"; }

html[dir='rtl'] section#sidebar.selectionMode > div.scrollBox > ul a > img, html[dir='rtl'] section#sidebar.selectionMode > span.icon {
  left: unset;
  right: calc(%bookmarksHorizontalPadding + 11px); }

html[dir='rtl'] div#reloadInfo > div > label > a {
  margin-right: 5px;
  margin-left: unset; }

body.highContrast:not(.dark) section#sidebar > header > a:hover, body.highContrast:not(.dark) section#sidebar > header > a.active {
  background-color: rgba(0, 0, 0, 0.07); }

body.highContrast:not(.dark) section#sidebar > header > div.searchBox {
  background-color: rgba(0, 0, 0, 0.07); }
  body.highContrast:not(.dark) section#sidebar > header > div.searchBox > a.searchClose:hover {
    background-color: rgba(0, 0, 0, 0.07); }

body.highContrast:not(.dark) div#infoBox > a {
  color: "%textColor"; }
  body.highContrast:not(.dark) div#infoBox > a::before {
    background: "%textColor"; }

body.dark section#sidebar {
  background: #3d3d3d; }
  body.dark section#sidebar.permanent {
    border-color: rgba(255, 255, 255, 0.1); }
  body.dark section#sidebar > div.filter {
    background: #4d4d4d; }
  body.dark section#sidebar > span.drag:hover, body.dark section#sidebar > span.drag.isDragged {
    background: rgba(0, 0, 0, 0.2); }
  body.dark section#sidebar > a.lockPinned {
    background: #3d3d3d;
    box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.2); }
  body.dark section#sidebar > div.scrollBox > div.pinned {
    background-color: #3d3d3d; }
    body.dark section#sidebar > div.scrollBox > div.pinned::after {
      background: rgba(255, 255, 255, 0.15); }
  body.dark section#sidebar > div.scrollBox > ul a.separator > span.label::after, body.dark section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label::after {
    background: rgba(255, 255, 255, 0.15); }
  body.dark section#sidebar > div.scrollBox > ul a.separator > span.label[data-name]::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a.separator > span.label[data-name]::before {
    background: #3d3d3d;
    box-shadow: 0 0 0 10px #3d3d3d; }
  body.dark section#sidebar > div.scrollBox > ul a > span.removeMask, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.removeMask {
    background: #666; }
  body.dark section#sidebar > div.scrollBox > ul a > span.drag, body.dark section#sidebar > div.scrollBox > ul a > span.add, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.add {
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark section#sidebar > div.scrollBox > ul a > span.drag::before, body.dark section#sidebar > div.scrollBox > ul a > span.add::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.add::before {
      background-color: #bbb; }
    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover, body.dark section#sidebar > div.scrollBox > ul a > span.add:hover, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.add:hover {
      background-color: rgba(255, 255, 255, 0.25) !important; }
      body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover::before, body.dark section#sidebar > div.scrollBox > ul a > span.add:hover::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.add:hover::before {
        background-color: #eee; }
  body.dark section#sidebar > div.scrollBox > ul a.snap, body.dark section#sidebar > div.scrollBox > div.pinned > ul a.snap {
    background: #3d3d3d; }
  body.dark section#sidebar > div.scrollBox > ul a > span.drag::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag::before {
    background-color: #bbb; }
  body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover {
    background-color: rgba(255, 255, 255, 0.1); }
    body.dark section#sidebar > div.scrollBox > ul a > span.drag:hover::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul a > span.drag:hover::before {
      background-color: #eee; }
  body.dark section#sidebar > div.scrollBox > ul li.isDragged, body.dark section#sidebar > div.scrollBox > div.pinned > ul li.isDragged {
    border-color: rgba(255, 255, 255, 0.2); }
  body.dark section#sidebar > div.scrollBox > ul li.dragHover::before, body.dark section#sidebar > div.scrollBox > div.pinned > ul li.dragHover::before {
    border-color: rgba(255, 255, 255, 0.2); }
  body.dark section#sidebar ~ a.dragHelper {
    background: #3d3d3d !important; }
    body.dark section#sidebar ~ a.dragHelper.separator > span.label::after {
      background: rgba(255, 255, 255, 0.15); }
    body.dark section#sidebar ~ a.dragHelper.separator > span.label[data-name]::before {
      background: #3d3d3d;
      box-shadow: 0 0 0 10px #3d3d3d; }
    body.dark section#sidebar ~ a.dragHelper > span.removeMask {
      background: #666; }
    body.dark section#sidebar ~ a.dragHelper > span.drag, body.dark section#sidebar ~ a.dragHelper > span.add {
      background-color: rgba(255, 255, 255, 0.1); }
      body.dark section#sidebar ~ a.dragHelper > span.drag::before, body.dark section#sidebar ~ a.dragHelper > span.add::before {
        background-color: #bbb; }
      body.dark section#sidebar ~ a.dragHelper > span.drag:hover, body.dark section#sidebar ~ a.dragHelper > span.add:hover {
        background-color: rgba(255, 255, 255, 0.25) !important; }
        body.dark section#sidebar ~ a.dragHelper > span.drag:hover::before, body.dark section#sidebar ~ a.dragHelper > span.add:hover::before {
          background-color: #eee; }
    body.dark section#sidebar ~ a.dragHelper.snap {
      background: #3d3d3d; }

body.dark div#infoBox {
  background: #4d4d4d; }
  body.dark div#infoBox > a {
    color: "%textColor"; }
    body.dark div#infoBox > a::before {
      background: "%textColor"; }

body.dark div#reloadInfo {
  background: #3d3d3d; }
